<style>
    .bootstrap-table .table:not(.table-condensed),
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>td,
    .bootstrap-table .table:not(.table-condensed)>tbody>tr>th,
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,
    .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,
    .bootstrap-table .table:not(.table-condensed)>thead>tr>td {
        padding: 16px 10px;
        cursor: pointer;
    }

    .cricle {
        background: red;
        width: 6px;
        height: 6px;
        border-radius: 6px;
        display: inline-block;
        position: absolute;
    }
</style>
<div class="panel panel-default panel-intro">
    <!-- {:build_heading()} -->
    <div class="panel-heading">
        <ul class="nav nav-tabs" data-field="type" data-type="input">
            <li class="active"><a href="#" data-value="1" data-toggle="tab">系统消息</a></li>
            <li><a href="#" data-value="2" data-toggle="tab">个人消息</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i
                                class="fa fa-refresh"></i> </a>
                        <a href="javascript:;"
                            class="btn btn-success btn-add {:$auth->check('openapi/message/add')?'':'hide'}"
                            title="{:__('Add')}"><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;"
                            class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('openapi/message/edit')?'':'hide'}"
                            title="{:__('Edit')}"><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;"
                            class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('openapi/message/del')?'':'hide'}"
                            title="{:__('Delete')}"><i class="fa fa-trash"></i> {:__('Delete')}</a>





                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                        data-operate-edit="{:$auth->check('openapi/message/edit')}"
                        data-operate-del="{:$auth->check('openapi/message/del')}" width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>